<template>
  <div>
    <div style="padding-bottom: 10px">
      <el-button
          size="small"
          @click="toCommConfigPage"
          :class="{'active': isActive}">
        公共配置项
      </el-button>
      <el-button
          size="small"
          @click="toReporePanePage"
      >
        新建日报
      </el-button>
    </div>


    <router-view/>

  </div>
</template>

<script>
	import ReportForm from "components/report/ReportForm";

	export default {
		name: "Home",
    data() {
			return {
        isActive: false
      }
    },
		components: {ReportForm},
		methods: {
			toCommConfigPage() {
				this.isActive = true;
				this.$router.push('/home/commConfig');
			},

      toReporePanePage() {
				this.$router.push('/home/reportPane');
      }

		}

	}
</script>

<style scoped>
  .active {
    /*background-color: blue;*/
  }
</style>